<template>
<div class="column  absolute-full bg-white">

    <q-bar class="bg-primary full-width text-white row"  style="height: 50px">
      <a href="wxwork://openurl?url=https%3A%2F%2Foa.yfyh.cc">
      <q-img src="~assets/icons/一方映画logo200708竖版亮色.png" :width="$q.platform.is.mobile ? '150px' : '200px'" contain />
      OA系统
    </a>
    </q-bar>

  <div  class="col-grow row flex-center full-width  bg-white" >
    <div class="col-3">
      <a href="wxwork://openurl?url=https%3A%2F%2Foa.yfyh.cc">
          <div class='col-2 q-pa-sm column items-center justify-evenly content-center' :style="$q.platform.is.mobile ? 'height:100px;' : 'height:100px'">
              <q-icon name="mdi-home" color="primary" size="26px"></q-icon>
              <span>首页</span>
          </div>
      </a>

  </div>
      <div class="col-3">
          <a href="wxwork://openurl?url=https%3A%2F%2Foa.yfyh.cc%2Freimburse">
              <div class='col-2 q-pa-sm column items-center justify-evenly content-center' :style="$q.platform.is.mobile ? 'height:100px;' : 'height:100px'">
                  <q-icon name="mdi-cash-multiple" color="blue" size="26px"></q-icon>
                  <span>报销</span>
              </div>
          </a>

      </div>
      <div class="col-3">
          <div class="
      q-pa-sm column items-center justify-evenly content-center
    " :style="$q.platform.is.mobile ? 'height:100px;' : 'height:100px'">
              <q-icon name="mdi-calendar-month-outline" color="amber" size="26px"></q-icon>
              <span>日程</span>
          </div>
      </div>

      <div class="col-3">
          <div class="col-2 q-pa-sm column items-center justify-evenly content-center
    " :style="$q.platform.is.mobile ? 'height:100px;' : 'height:100px'">
              <q-icon name="mdi-account" color="cyan" size="26px"></q-icon>
              <span>我的</span>
          </div>
      </div>
  </div>

</div>
</template>

<script>
export default {

}
</script>

<style>

</style>
